<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="WebVR">
    <meta name="twitter:description" content="Bringing Virtual Reality to the Web">
    <meta name="twitter:image" content="https://webvr.info/images/webvr-logo-square.png">

    <link rel="stylesheet" href="../stylesheets/stylesheet.css">
    <link rel="stylesheet" href="../stylesheets/pygment_trac.css">
    <!--[if lt IE 9]>
    <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <title>WebVR - Bringing Virtual Reality to the Web</title>
  </head>
  <body>
    <div class="container" id="container">
      <header class="header">
        <div id="nav">
          <a href="../">About</a>
          <a href="./"  class="selected">Developers</a>
        </div>

        <h1><a href="" class="wordmark"><span>WebVR</span></a></h1>
        <h2 class="tagline">Bringing Virtual Reality to the Web</h2>
      </header>

      <main class="main" id="main">
        <h3>
          <a id="spec" class="anchor" href="#spec" aria-hidden="true"><span class="octicon octicon-link"></span></a>Specification
        </h3>

        <p>The <a href="https://w3c.github.io/webvr/" class="link-important">Spec Editor's Draft</a> is hosted on <a href="https://github.com/w3c/webvr">GitHub</a>.</p>

        <h3>
          <a id="how-can-i-try-it" class="anchor" href="#how-can-i-try-it" aria-hidden="true"><span class="octicon octicon-link"></span></a>How can I try it?
        </h3>

        <p>The WebVR API is currently available in <a href="https://nightly.mozilla.org/">Firefox Nightly builds</a>, in <a href="https://www.google.com/chrome/browser/mobile/index.html">Chrome 56+ for Android</a> and <a href="get-chrome/">experimental builds of Chromium for Windows</a>, <a href="https://blogs.windows.com/msedgedev/2017/04/11/introducing-edgehtml-15/#8e8xdJQ1oybkrxB8.97">Microsoft Edge for Windows</a> and the <a href="http://developer.samsung.com/technical-doc/view.do?v=T000000202">Samsung Internet Browser for Gear VR</a>. You can get the latest WebVR-enabled builds here:</p>

        <ul class="browsers">
          <li>
            <a href="https://www.google.com/chrome/browser/mobile/index.html" class="link-important">Download Chrome for Android</a> (<a href="https://webvr.rocks/chrome_for_android#setup">read instructions</a>)
          </li>
          <li>
            <a href="https://webvr.rocks/firefox" class="link-important">Download Firefox</a> (<a href="https://webvr.rocks/firefox#setup">read instructions</a>)
          </li>
          <li>
            <a href="https://www.oculus.com/experiences/gear-vr/1257988667656584/" class="link-important">Oculus Browser for Gear VR</a> (<a href="https://webvr.rocks/oculus_carmel#setup">read instructions</a>)
          </li>
          <li>
            <a href="http://developer.samsung.com/internet#gearvr-overview" class="link-important">Samsung Internet Browser for Gear VR</a> (<a href="https://webvr.rocks/samsung_internet#setup">read instructions</a>)
          </li>
          <li>
            <a href="https://developer.microsoft.com/en-us/windows/mixed-reality" class="link-important">Microsoft Edge for Windows Mixed Reality headsets</a> (<a href="https://webvr.rocks/microsoft_edge#setup">read instructions</a>)
          </li>
        </ul>

        <p>Or, if you want to add WebVR to your mobile site today, you can use the <a href="https://github.com/googlevr/webvr-polyfill">WebVR Polyfill</a> to provide support for <a href="https://vr.google.com/cardboard/">Cardboard</a> mobile devices (such as for iOS and Android).</p>

        <ul>
        <li><a href="https://github.com/googlevr/webvr-polyfill" class="link-important">WebVR Polyfill</a></li>
        </ul>

        <p>(<a href="../get-chrome/" class="link-important">Experimental Windows Chromium builds</a> are also available but <b>not recommended</b> for use at this time due to incompatibilites with recent graphics drivers. We suggest using <a href="https://webvr.rocks/firefox" class="link-important">Firefox</a> or <a href="https://webvr.rocks/microsoft_edge#setup" class="link-important">Microsoft Edge</a> for WebVR on Windows in the meantime.)</p>

        <p>You can test your browser's support for the WebVR API with these samples:</p>

        <ul>
        <li><a href="../samples/" class="link-important">WebVR Samples</a></li>
        </ul>

        <h3>
          <a id="how-can-i-contribute" class="anchor" href="#how-can-i-contribute" aria-hidden="true"><span class="octicon octicon-link"></span></a>How can I contribute?
        </h3>

        <p>The best place to contribute is the <a href="https://mail.mozilla.org/listinfo/web-vr-discuss">WebVR mailing list</a>. Developers of the Chrome, Firefox, and Samsung Internet Browser builds are on that list, as well as other community members who are enthusiastic about VR on the Web.</p>

        <h3>
          <a id="how-can-i-get-code" class="anchor" href="#how-can-i-get-code" aria-hidden="true"><span class="octicon octicon-link"></span></a>How can I get the code?
        </h3>

        <p>The code that powers WebVR is available online, if you want to take a peek under the hood:</p>

        <ul>
          <li><a href="https://chromium.googlesource.com/experimental/chromium/src/+/refs/wip/bajones/webvr_1_1">Chromium</a></li>
          <li><a href="https://developer.mozilla.org/docs/Simple_Firefox_build">Firefox</a></li>
        </ul>

        <h3>
          <a id="reporting-issues" class="anchor" href="#reporting-issues" aria-hidden="true"><span class="octicon octicon-link"></span></a>Reporting issues
        </h3>

        <p>For the time being, use the following links to view and report issues with WebVR implementations:</p>

        <ul>
          <li><a href="https://github.com/toji/chrome-webvr-issues/issues">Chrome issues</a> (<a href="https://github.com/toji/chrome-webvr-issues/issues/new">file issue</a>)</li>
          <li><a href="https://bugzilla.mozilla.org/buglist.cgi?quicksearch=%5Bwebvr%5D">Firefox issues</a> (<a href="https://bugzilla.mozilla.org/enter_bug.cgi?product=Core&amp;component=General&amp;status_whiteboard=[webvr]&amp;cc=kgilbert@mozilla.com">file issue</a>)</li>
          <li><a href="http://developer.samsung.com/internet#gearvr-overview">Samsung Internet Browser for Gear VR issues</a> (<a href="https://twitter.com/mkeblx" title="Tweet at Michael Blix, WebVR dev at Samsung">file issue</a>)</li>
        </ul>

        <h3>
          <a id="webvr-emulator" class="anchor" href="#webvr-emulator" aria-hidden="true"><span class="octicon octicon-link"></span></a>WebVR Emulator
        </h3>

        <p>Jaume Sánchez Elias (<a href="https://twitter.com/thespite">@thespite</a>) has created a <a href="https://chrome.google.com/webstore/detail/webvr-api-emulation/gbdnpaebafagioggnhkacnaaahpiefil">Chrome extension</a> that allows developers to emulate a VR headset for testing the API without needing any VR hardware. Check it out!</p>
        <ul>
        <li><a href="https://chrome.google.com/webstore/detail/webvr-api-emulation/gbdnpaebafagioggnhkacnaaahpiefil">Chrome Extension</a></li>
        <li><a href="https://github.com/spite/WebVR-Extension">GitHub Repository</a></li>
        </ul>

        <h3>
          <a id="webvr-sites" class="anchor" href="#webvr-sites" aria-hidden="true"><span class="octicon octicon-link"></span></a>Sites that use WebVR
        </h3>

        <ul>
          <li><a href="https://aframe.io/">A-Frame</a></li>
          <li><a href="https://playcanvas.com/">PlayCanvas</a></li>
          <li><a href="https://sketchfab.com/">Sketchfab</a></li>
          <li><a href="https://vizor.io/">Vizor</a></li>
        </ul>

        <h3>
          <a id="misc-links" class="anchor" href="#misc-links" aria-hidden="true"><span class="octicon octicon-link"></span></a>Misc. Links
        </h3>

        <ul>
          <li><a href="https://mozvr.com/">Mozilla VR team</a></li>
          <li><a href="https://blog.mozvr.com/">Mozilla VR blog</a></li>
          <li><a href="http://blog.tojicode.com/">Brandon's blog</a></li>
          <li><a href="https://webvr.slack.com/">WebVR Slack</a> (<a href="https://webvr-slack.herokuapp.com/">sign up</a>)</li>

        </ul>
      </main>

      <footer class="footer">
      </footer>
    </div>
  </body>
</html>
